<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<!--公共样式-->
		<link rel="stylesheet" type="text/css" href="css/common.css" />
		<!--页面-->
		<link rel="stylesheet" type="text/css" href="css/signUp.css" />
		<!--重置样式-->
		<link rel="stylesheet" type="text/css" href="css/reset.css" />		
		<!--字体图标-->
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_850952_8z93jwodpi4.css"/>
	</head>

	<body>
		<div id="wrapper">
			<div class="bg"></div>
			<!--header s-->
			<header>
				<nav class="nav clearfix">
					<div class="logo fl">
						<a href=""><img src="img/common/logo.png" title="鼎搜网" /></a>
					</div>
					<!--导航 s-->
					<ul class="fl clearfix">
						<li class="fl">
							<a href="index.html">首页</a>
						</li>
						<li class="fl">
							<a href="signUp.html">鼎搜注册</a>
						</li>
						<li class="fl">
							<a href="login.html">鼎搜登录</a>
						</li>
						<li class="fl">
							<a href="list.html">鼎搜列表页</a>
						</li>
						<li class="fl">
							<a href="detail.html">鼎搜详情页</a>
						</li>
						<li class="fl">
							<a href="">鼎搜公益</a>
						</li>
					</ul>
					<div class="searchBar fl">
						<input type="search" />
						<input type="image" src="img/common/search.png" />
					</div>
				</nav>
				<!--导航  e-->
			</header>
			<!--header e-->

			<!--轮播图-->
			<section class="shuffling">
				<div>
					<a href=""><img src="img/common/banner.png" /></a>
				</div>
			</section>
			<!--轮播图 e-->
			
			<!--注册页面 s-->
				
				<section class="signUp">
					<!--转让-->
					<div class="transfer">
						<h1 class="title">
							<span>我要转让</span>
							<span>WOYAOZHUANRANG</span>
						</h1>
					</div>
					<p class="detail">(带 * 号的表示为必填项目，用户名必须大于3位小于20位，密码必须大于3位)</p>
					
					<!--注册信息-->
					
					<form action="" method="post">
						<table border="0" cellspacing="0" cellpadding="0">
							<tr>
								<td class="tdW ">用户名:</td>
								<td class="idW"><input type="text" value="" name="username" /></td>
								<td><span class="spanR">*</span>(可以使用中文，但禁止使用[@][.]以外特殊字符)</td>
							</tr>
							<tr>
								<td class="tdW ">公司名称:</td>
								<td class="idW"><input type="text" value="" name="company" /></td>
								<td><span class="spanR">*</span></td>
							</tr>
							<tr>
								<td class="tdW ">登录密码:</td>
								<td class="idW"><input type="password" value="" name="password" /></td>
								<td><span class="spanR">*</span></td>
							</tr>
							<tr>
								<td class="tdW ">确认密码:</td>
								<td class="idW"><input type="password" value="" name="password" /></td>
								<td><span class="spanR">*x两次输入密码不一致</span></td>
							</tr>
							<tr>
								<td class="tdW ">电子邮箱:</td>
								<td class="idW"><input type="email" value="" name="email" /></td>
								<td><span class="spanR">*</span> (每个电子邮邮箱只能注册一个帐号)</td>
							</tr>
							<tr>
								<td class="tdW ">安全问题:</td>
								<td>
									<select style="margin-top: 24px; color: #7e7e7e; width: 135px;" name="">
										<option value="">没安全提示问题</option>
									</select>
								</td>
								<td>(忘记密码时重设密码用)</td>
							</tr>
							<tr>
								<td class="tdW ">问题答案:</td>
								<td><input style="margin-bottom: 24px;" type="text" value="" name="username" /></td>
							</tr>
							<tr>
								<td class="tdW ">性别:</td>
								<td class="idW" style="margin-top: 24px;">
									<label for="man">
										<input type="radio" id="man" name="sex"/>男
									</label>
									<label for="women">
										<input type="radio" id="woman" name="sex"/>女
									</label>
									<label for="sex">
										<input type="radio" id="sex" name="sex"/>保密
									</label>
									
								</td>
							</tr>
							<tr>
								<td class="tdW ">验证码:</td>
								<td><input style="margin-bottom: 24px;" type="text" value="" name="Vcode" /></td>
								<td><span class="spanR vCode"><i><img src="img/common/vCode.png"/></i>看不清？点击更换</span></td>
							</tr>
							<tr>
								<td class="tdW ">会员注册协议:</td>
								<td colspan="4">
									<ol>
										<li>熟练应用PHP+MySQL技术，能在WAMP环境下熟练编程。</li>
										<li>理解对于Web网站开发的安全性要求，例如防SQL注射</li>
										<li>理解Web开发流程，具有OO思想，能独立开发网站。 </li>
										<li>框架技术： </li>
										<li>熟练使用smarty模板引擎技术, TP框架开发网站。</li>
										<li>对三层结构、MVC的开发(设计模式)有较好的理解。</li>
										<li>阿里巴巴宣布成立新公司取名"平头哥"</li>
									</ol>
								</td>
							</tr>
							<tr>
								<td></td>
								<td class="signed">
									<input type="checkbox" id="agree" value="" />
									<label for="agree" class="signUp_sw iconfont">
									</label>我已阅读并完全接受服务协议
								</td>
							</tr>
						</table>
						<input type="submit" value="注册"/>
					</form>
				</section>
			
			<!--注册页面 end-->
			
			<!--footer s-->
			<footer class="clearfix">
				<div class="ft clearfix">
					<article class="info fl clearfix">
						<dl class="fl">
							<dt>简介</dt>
							<dd>鼎搜网简介</dd>
							<dd>鼎搜服务</dd>
							<dd>会员身份实名认证</dd>
						</dl>
						<dl class="fl">
							<dt>帮助</dt>
							<dd>用户注册</dd>
							<dd>关于鼎搜</dd>
							<dd>在线咨询</dd>
						</dl>
						<dl class="fl">
							<dt>共赢</dt>
							<dd>网站合作</dd>
							<dd>用户协议</dd>
							<dd>会员身份实名认证</dd>
						</dl>
						<dl class="fl">
							<dt>导航</dt>
							<dd>地图首页</dd>
							<dd>职能分类</dd>
							<dd>企业名录</dd>
						</dl>
					</article>

					<!--联系信息 s-->
					<aside class="contact fl clearfix">
						<div class="phone">
							<div class="phone_1 fl">
								<img src="img/common/phone.png" />
							</div>
							<div class="hotLine fl">
								<span class="hot">全国服务热线</span>
								<strong class="hot">440-880-1779</strong>
								<span class="emil">邮箱:dinsoo@163.com</span>
							</div>
							<div class="fl complaints">
								<span style="display: block;">投诉电话：4408801779</span>
								<span style="display: block;">周一至周六：9:20-20:00</span>
								<i style="display: inline-block;"><img src="img/common/sina.png"/></i>
								<i style="display: inline-block;"><img src="img/common/tenc.png"/></i>
							</div>
						</div>
						<!--订阅信息-->
						<div class="ToSub fl">
							<div class="img">
								<img src="img/common/info.png" alt="" />
							</div>
							<span class="hot">订阅信息</span>
						</div>
						<!--订阅信息 e-->
					</aside>
				</div>
				<!--联系信息 e-->
				<div class="bottom">
					<p>Copyright ©2015 鼎搜网(www.dinsoo.com) 版权所有</p>
				</div>
			</footer>
		</div>
		<!--footer e-->
	</body>

</html>